/* **************** LIBRARIES ***************** */
/*{{{*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,img a{border:0;vertical-align:middle;background:white}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
table, td, th { vertical-align: middle; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:14px verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*}}}*/ 

/* **************** GRIDS ***************** */
/*{{{*/

.line, .lastUnit {overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}
.unit{float:left;zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;_width:49.9% !important;}
.size1of3{width:33.33333%;_width:33.25% !important;}
.size2of3{width:66.66666%;_width:66.65% !important;}
.size1of4{width:25%;_width:24.95% !important;}
.size3of4{width:75%;_width:74.95% !important;}
.size1of5{width:20%;_width:19.95% !important;}
.size2of5{width:40%;_width:39.95% !important;}
.size3of5{width:60%;_width:59.95% !important;}
.size4of5{width:80%;_width:79.95% !important;}
.lastUnit {float:none;_float:right;}


/*}}}*/

/* **************** COMPONENTS ***************** */
/*{{{*/

/* ====== default link ====== */
a { color: #3886E6; /*font-weight:bold;*/text-decoration: none }
a:focus, a:hover { text-decoration:none;color:#fff;background:#3886E6}

/* ===== default body ===== */
body{background:#fff;color:#333;font-size:12px;font-family:'Microsoft YaHei',Verdana}
/* ====== Default spacing ====== */
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;}

/* ====== Elements ====== */
h1{font-family:'Microsoft YaHei',Verdana,Arial;font-size:28px;font-weight:normal;padding:0 0 10px 0;color:#333}
h2{font-family:"Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif;color:#333;font-weight:bold;font-size:16px}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #BCBCBC; border-width: 0 0 5px 0; margin: 20px 20px 0 20px;}
code{color:#0B8C8F;}
ul {list-style-type:none;clear:auto}
li {list-style-type:none}
dt{font-weight:bold;margin-bottom:5px}
label{font-weight:bold;width:80px;float:left}
input,textarea{font-family:Verdana;color:#333;background-color:#fff;padding:3px}
input[type="submit"]{background:#0063DC;color:#fff;font-weight:bold}

/* ====== special items ====== */
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.hide{display:none;}
.show{display:block}
.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
.clearfix{zoom:1;clear:both}
.clear{overflow:hidden;zoom:1}
.tac{text-align:center}
.tar{ text-align:right;}
.fl{float:left}
.fr{float:right}
.flli li{float:left}/*float left li*/
.frli li{float:right}/*float right li*/
.gray,.gray a{color:#9A9A9A}
.gray a:hover {color:white}
.tdu{text-decoration:underline}
.limr4 li{margin-right:4px}
.bdotted{border-bottom:1px dotted #dadada}
.btdotted{border-top:1px dotted #dadada;}
.bgf4{background:#f4f4f4}

.w150{width:150px}
.w555{width:555px}
.w545{width:545px}
.w400{width:400px}
.w250{width:250px}
.wp100{width:100%}
.wp98{width:98%}
.h260{height:260px}
.h120{height:120px}
.fcf60{color:#ff6600}
/*}}}*/

/* **************** Site ************** */
/*{{{*/
#container{width:960px;margin:25px auto;}
#head{width:960px;margin:0 auto;height:77px;}
#left{width:700px;color:#aaa;float:left}
#right{float:left;margin-left:52px;width:205px}
#foot{width:960px;margin:0px auto;height:40px;clear:both;padding-top:10px;font-size:12px}

.arrow{background-image:url(../imgs/arrow.gif);background-repeat:no-repeat;background-position:9px 9px}
.moreOptionBtn{background:#eee url(../imgs/arrow.gif) no-repeat 9px 9px;padding:5px 5px 5px 20px;color:#666;cursor:pointer}
.arrowDown{background:#eee url(../imgs/arrow.gif) no-repeat 6px -9px}
/* 选择语言 */
ul.selectLan li{padding:2px 7px;background:#eee;color:#666;float:left;margin-right:10px;cursor:pointer}
ul.selectLan li.selected,ul.selectLan li:hover {background:#3886E6;color:#fff}
.pubcode{font-size:12px}
.pubcode .code{font-family:monaco,Verdana}
/* 标签 */
.tag{background-color:#e0eaf1;border-bottom:1px solid #3e6d8e;border-right:1px solid #7f9fb6;line-height:20px;text-align:center;text-decoration:none;color:#3e6d8e;padding:3px 5px}
.tag:hover {background-color:#3e6d8e;color:#f4f4f4;text-decoration:none}
.intro{background-color:#f8f8f8;border-left:3px solid #ddd;padding:10px;margin:10px 0;color:#333}
a.addFav{display:block;background:url(../imgs/fav.png) no-repeat 0 3px;line-height:17px;padding:3px 3px 3px 22px;color:#666;border:1px solid #fff}
a.addFav:hover {background-color:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.pagination a{padding:5px}
.siteIntro li{list-style:circle;list-style-position:inside;color:#999;margin:0 0 5px 10px}
a.follow{background:#eee;padding:5px;margin:10px 0 0 0}
a.follow:hover {background:#3bb6e6;color:#fff;}

/*}}}*/

/* **************** jqModal **************** */
/*{{{*/
.sharp{height:100%;width:500px;background-color:#000;left:-7px;top:-7px;opacity:0.5;padding:7px;position:absolute;z-index:1;filter:alpha(opacity=50);}
.popbg{background:#fff;z-index:3;position:relative}
.popbar{background:#C19D66;padding:3px 10px;font-size:14px}
.closePop{float:right;padding:2px 10px;cursor:pointer;font-size:14px}
.jqmWindow {display: none;position: fixed;top: 17%;left: 50%;margin-left: -250px;width: 500px; color: #333;}
.jqmWindow label{font-weight:normal;padding:0 10px 0 3px;float:none}
.jqDrag{cursor:move;height:32px;left:0;top:0;position:absolute;width:95%;z-index:4}
.jqmWindow input[type="text"] {width:450px;padding:3px;}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
/*}}}*/

/* **************** for ie **************** */
/*{{{*/
/*}}}*/
